.search-bar{
  width: 100%;
  position: absolute;
  padding-top: px2rem(14px);
  text-align: center;
  display: flex;
  align-items: center;
  .bar-location{
    margin: 0px px2rem(20px) 0px px2rem(30px);
    padding: px2rem(6px) px2rem(16px);
    background: rgba(0,0,0, 0.33);
    color: #fff;
    display: flex;
    align-items: center;
    border-radius: px2rem(18px);
    font-size: px2rem(14px);
    .location-icon{
      width: px2rem(13px);
      height: px2rem(16px);
      background-image: url('./img/locationIcon.png');
      background-size: cover;
      margin-right: px2rem(8px);
    }
  }
  .search-btn{
    flex: 1;
    background-color: #fff;
    border-radius: px2rem(20px);
    font-size: px2rem(14px);
    margin-right: px2rem(20px);
    padding: px2rem(8px) px2rem(16px);
    text-align: left;
    text-indent: px2rem(18px);
    position: relative;
    display: flex;
    align-items: center;
    color: #555;
    &:before {
        content: '';
        display: block;
        position: absolute;
        width: px2rem(14px);
        height: px2rem(14px);
        background-image: url('./img/searchIcon.png');
        background-size: cover;
        top: px2rem(7px);
        left: px2rem(10px);
    }
  }
}
